/*!
 * This file is part of the fish@kriegcc applet project for Cinnamon desktop.
 * 
 * Copyright (C) 2024 kriegcc
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <https://www.gnu.org/licenses/>.
 */

/* ===================================================================
 * Applet Popup (Message, Error and Fools Day popup menus)
 * ===================================================================*/

 /* --------------*/
 /* common styles */
 /* --------------*/

 .fish-menu .fish-popup-container {
  /* TODO: allow to change the popup size in settings by the user? */
  max-width: 50em;
  max-height: 25em;
  margin: 0 0.5em;
  spacing: 0.5em
}

.fish-menu .fish-popup-container .header-label {
  font-weight: bold;
  font-size: large;
}

.fish-menu .fish-popup-container .button-container {
  spacing: 2em;
}

/* -----------------------*/
/* Message Popup specific */
/* -----------------------*/

.fish-menu .fish-message-popup .message-scroll-container {
  padding: 0.5em;
  /* taken from calendar ("calendar@cinnamon.org", "calendar-events-main-box") */
  border: 1px solid #999;
  border-radius: 8px;
  background-gradient-direction: vertical;
  background-gradient-start: rgba(255, 255, 255, 0.8);
  background-gradient-end: rgba(255, 255, 255, 0.2);
}

/* on dark mode, adjust colors of for better readability */
.fish-menu.dark .fish-message-popup .message-scroll-container {
  border: 1px solid #666;
  background-gradient-start: rgba(85,85,85,0.8);
  background-gradient-end: rgba(85,85,85,0.2);
}

.fish-menu .fish-message-popup .message-box {
}

.fish-menu .fish-message-popup .message-label {
  font-family: "monospace";
  font-size: medium;
}

/* ---------------------*/
/* Error Popup specific */
/* ---------------------*/

.fish-menu .fish-error-popup {
  spacing: 1em
}

.fish-menu .fish-error-popup .main-container {
  spacing: 1em
}

.fish-menu .fish-error-popup .message-container {
  spacing: 1em
}

.fish-menu .fish-error-popup .error-messages-scroll-container {
  padding: 0.5em;
  /* taken from calendar but adjusted colors ("calendar@cinnamon.org", "calendar-events-main-box") */
  border: 1px solid #999;
  border-radius: 8px;
  background-gradient-direction: vertical;
  background-gradient-start: rgba(240, 165, 165, 0.8);
  background-gradient-end: rgba(240, 165, 165, 0.2);
}

/* on dark mode, adjust colors of for better readability */
.fish-menu.dark .fish-error-popup .error-messages-scroll-container  {
  border: 1px solid #666;
  background-gradient-direction: vertical;
  background-gradient-start: rgba(155, 104, 104, 0.8);
  background-gradient-end: rgba(155, 104, 104, 0.2);
}

.fish-menu .fish-error-popup .error-messages-box {
}

.fish-menu .fish-error-popup .error-messages-label {
  font-family: "monospace";
  font-size: medium;
}

/* -------------------------*/
/* Fools Day Popup specific */
/* -------------------------*/

.fish-menu .fish-fools-day-popup .main-container {
  spacing: 1em
}

.fish-menu .fish-fools-day-popup .message-container {
  spacing: 1em
}

.fish-menu .fish-fools-day-popup .message-label {
  font-weight: bold;
  font-size: large;
}

.fish-menu .fish-fools-day-popup .secondary-message-label {
  font-size: medium;
}


/* ===================================================================
 * Animation (image frame in panel)
 * Some classes are defined to allow users a bit of customization
 * ===================================================================*/

/* Applet's actor container (St.Widget)
 * Will also affect the error icon in case it is displayed in panel */
.fish-applet {
}

/* dark mode adjustments */
.fish-applet.dark {
}

/* Animated fish object container (St.Bin) */
.fish-applet .animated-fish {
}

/* Actual animated fish (St.Bin) */
.fish-applet .animation {
}

